@charset "utf-8";

html, body {
	background-color: #fdffc0;
}
input, img {
	border: none;
	outline: none;
}

input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-modify: read-write-plaintext-only;
	-webkit-appearance: none;
	cursor: pointer;
}
.indivi-register-head {
	height:5rem;
	display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
	.register-head-image {
		height: 1.5rem;
	    width: 3.6rem;
	    display: table-cell;
	    vertical-align: middle;
	    text-align: center;
	    background: url(../../images/icon-qucai.png) no-repeat;
		background-size: cover;
	}
}
.indivi-register-content {
	padding:0 0.5rem;
	margin-top:0.4rem;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke-width: 0.2px;
    pre {
    	font-size: 0.35rem;
	    line-height: 2;
    }
	.register-content{
		position: relative;
		display: -webkit-flex;
    	justify-content: flex-start;//横轴平铺对齐
    	align-items: baseline;
    	margin-bottom: 0.666667rem;
		.content-left {
			width: 2.666667rem;
			color: rgb( 102, 102, 102 );
			font-size: 0.426667rem;
			text-align: left;
			-webkit-font-smoothing: antialiased;
    		-moz-osx-font-smoothing: grayscale;
    		-webkit-text-stroke-width: 0.2px;
    		/*white-space:nowrap;*/
    		&.questions-content {
    			width:100%;
    		}
		}
		.content-right {
			flex: 1;
			font-size: 0.426667rem;
			color: rgb( 153, 153, 153 );
			#checkCode {
				display: inline-block;
				vertical-align:middle;/*div内容垂直居中*/
				width: 3.3rem;
				margin-right: 0.2rem;
			}
			.send {
				display: inline-block;
				vertical-align:middle;/*div内容垂直居中*/
				border-radius: 0.133333rem;
				background-color: rgb( 255, 195, 50 );
				line-height:1.166667rem;
				height:1.066667rem;
				font-size: 0.426667rem;
				color: rgb( 255, 255, 255 );
				-webkit-font-smoothing: antialiased;
    		    -moz-osx-font-smoothing: grayscale;
    		    -webkit-text-stroke-width: 0.2px;
    		    width:2.8rem;
    		    text-align: center;
			}
			.time {
				display:none;
				/*display: inline-block;*/
				vertical-align:middle;/*div内容垂直居中*/
				border-radius: 0.133333rem;
				background-color: rgb( 234, 234, 234 );
				line-height:1.066667rem;
				height:1.066667rem;
				font-size: 0.426667rem;
				color: rgb( 102, 102, 102 );
				-webkit-font-smoothing: antialiased;
    		    -moz-osx-font-smoothing: grayscale;
    		    -webkit-text-stroke-width: 0.2px;
    		    width:2.8rem;
    		    text-align: center;
			}
			input {
				/*line-height: 1.2rem;*/
				height: 1.066667rem;
				border: 1px rgb( 231, 231, 231 ) solid;
				border-radius: 0.133333rem;
				/*color:#ffffff;*/
				width: 6rem;
				padding-left: 0.2rem;
				padding-top: 0.2rem;
				padding-bottom: 0.2rem;
			}
			.error {
				position: absolute;
				left: 2.6666667rem;
				top: 1.1rem;
				line-height:1;
				font-size: 0.32rem;
				color:rgb( 255, 141, 50 );
				margin-top:0.1rem;
				display:none;
			}
		}
		.content-indivi {
			input {
				width: 100%;
			}
			#checkCode {
				width: 2.8rem;
			}
		}
	}
}
.agency-register-content {
	.register-content{
		.content-right {
			#checkCode {
				width: 3.3rem;
			}
			input {
				width: 6.4rem;
			}
		}
	}
}
.indivi-register-footer {
	padding:0 0.5rem;
	margin-top: 1.5rem;
	.register-footer-content {
		text-align:center;
		border-radius: 0.133333rem;
		background-color: rgb( 255, 141, 50 );
		line-height: 1.2rem;
		color: rgb( 255, 255, 255 );
		font-size: 0.453333rem;
	}
	.footer-content-bottom {
		margin-top:0.3rem;
		background-color: #ffc332;
	}
}
.mod-loading-wrap {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: $white;
	top: 0;
	left: 0;
	z-index: 100;
}
.page-media-loading-status {
	.mod-loading-wrap {
		display: block;
	}
}
.indivi-register-content {
	.invidi-info {
		line-height:1.2rem;
		font-size:0.5rem;
		margin-bottom: 0;
		.content-left {
			color: rgb( 102, 102, 102 );
		}
		.content-right {
			color: rgb( 102, 102, 102 );
		}
	}
}
.apply-form-indiviInfo {
	position:relative;
	margin-top: 0.5rem;
	line-height:1.3rem;
	border-bottom:1px rgb( 255, 141, 50 ) solid;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke-width: 0.2px;
	.indiviInfo-icon-f {
		position: absolute;
		top: 0.35rem;
    	left: 2.8rem;
    	width: 0.8rem;
    	height: 0.6rem;
		background: url(../../images/indivi_one.png) no-repeat;
		background-size: cover;
	}
	.indiviInfo-icon-s {
		position: absolute;
		top: 0.35rem;
    	left: 2.8rem;
    	width: 0.8rem;
    	height: 0.6rem;
		background: url(../../images/indivi_two.png) no-repeat;
		background-size: cover;
	}
	.indiviInfo-content {
		color: rgb( 255, 141, 50 );
		font-size:0.6rem;
		text-align:center;
	}
}
.hide {
	display: none;
}
.records-hide,.apply-hide {
	display: none;
}
.page-group-btn-wrap {
	padding-top: 0.5rem;
	padding-bottom:0.5rem;
	.page-group-btn {
		// height: 1.5rem;
		.group-btn-icon {
			width: 6.9rem;
    		height: 1.5rem;
    		margin: 0.5rem auto;
			&#startExam {
				background: url(../../images/page-btn-start.png) no-repeat;
				background-size: cover;
				display: none;
			}
			&#startApply {
				background: url(../../images/page-btn-apply.png) no-repeat;
				background-size: cover;
				display: none;
			}
			&#exitLogin {
				background: url(../../images/page-btn-logout.png) no-repeat;
				background-size: cover;
			}
		}
	}
}
